<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
﻿
<!DOCTYPE html>

<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->
<head>
<title>枫神电影 - 一网打尽好电影</title>




<meta charset="utf-8">
<meta name="keywords" content="电影,电视剧,票房,美剧,猫眼电影,电影排行榜,电影票,经典电影,在线观看">
<meta name="description" content="国内观众优选的在线购票平台，用户流行的观影决策平台。">
<meta http-equiv="cleartype" content="yes" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />

<meta name="HandheldFriendly" content="true" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1">


<script>"use strict";!function(){var i=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"_Owl_",n=window;n[i]||(n[i]={isRunning:!1,isReady:!1,preTasks:[],dataSet:[],use:function(i,t){this.isReady&&n.Owl&&n.Owl[i](t),this.preTasks.push({api:i,data:[t]})},add:function(i){this.dataSet.push(i)},run:function(){var t=this;if(!this.isRunning){this.isRunning=!0;var i=n.onerror;n.onerror=function(){this.isReady||this.add({type:"jsError",data:arguments}),i&&i.apply(n,arguments)}.bind(this),(n.addEventListener||n.attachEvent)("error",function(i){t.isReady||t.add({type:"resError",data:[i]})},!0)}}},n[i].run())}();</script>
<script>
  cid = "c_6jadt9m";
  ci = 139;
    window.system = {};

  window.openPlatform = '';
  window.openPlatformSub = '';

  </script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/static/index/css/common.4b838ec3.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/static/index/css/home-index.10e05d67.css" />
<script crossorigin="anonymous"
	src="${pageContext.request.contextPath}/static/index/js/stat.74891044.js"></script>
<script>if(window.devicePixelRatio >= 2) { document.write('<link rel="stylesheet" href="${pageContext.request.contextPath}/static/index/css/image-2x.8ba7074d.css"/>') }</script>

<meta name="msvalidate.01" content="F338006073F396CBBDA443AAB6A8BA47" />
<meta name="360-site-verification"
	content="6f1d12912a62a74ce2f1b3c2e75f6c23" />
<meta name="sogou_site_verification" content="uh9MkgvBm3" />
<style>
@font-face {
	font-family: stonefont;
	src:
		url('//vfile.meituan.net/colorstone/b7391945664151280051574b62ca02443168.eot');
	src:
		url('//vfile.meituan.net/colorstone/b7391945664151280051574b62ca02443168.eot?#iefix')
		format('embedded-opentype'),
		url('//vfile.meituan.net/colorstone/4bb906981f1834c474e265147844e4f12084.woff')
		format('woff');
}

.stonefont {
	font-family: stonefont;
}
</style>
</head>
<body>


	<div class="header">
		<div class="header-inner">
			<a href="/" class="logo" data-act="icon-click"></a>
			<div class="city-container" data-val="{currentcityid:139 }">
				<div class="city-selected">
					<div class="city-name">
						呼和浩特 <span class="caret"></span>
					</div>
				</div>
				<div class="city-list" data-val="{ localcityid: 139 }">
					<div class="city-list-header">
						定位城市：<a class="js-geo-city">呼和浩特</a>
					</div>

				</div>
			</div>


			<div class="nav">
				<ul class="navbar">
					<li><a href="/" data-act="home-click" class="active">首页</a></li>
					<li><a href="/films" data-act="movies-click">电影</a></li>
					<li><a href="/cinemas" data-act="cinemas-click">影院</a></li>

					<li><a href="/board" data-act="board-click">榜单</a></li>
					<li><a href="/news" data-act="hotNews-click">热点</a></li>
				</ul>
			</div>

			<div class="user-info">
				<div class="user-avatar J-login">
					<img
						src="${pageContext.request.contextPath}/static/index/picture/7dd82a16316ab32c8359debdb04396ef2897.png">
					<span class="caret"></span>
					<ul class="user-menu">
						<li><a href="javascript:void 0">登录</a></li>
					</ul>
				</div>
			</div>

			<form action="/query" target="_blank" class="search-form"
				data-actform="search-click">
				<input name="kw" class="search" type="search" maxlength="32"
					placeholder="找影视剧、影人、影院" autocomplete="off"> <input
					class="submit" type="submit" value="">
			</form>

			<div class="app-download">
				<a href="/app" target="_blank"> <span class="iphone-icon"></span>
					<span class="apptext">APP下载</span> <span class="caret"></span>
					<div class="download-icon">
						<p class="down-title">扫码下载APP</p>
						<p class='down-content'>选座更优惠</p>
					</div>
				</a>
			</div>
		</div>
	</div>
	
<!--  这个是距离上边的<div class="header-placeholder"></div> -->



	<div class="container" id="app" class="page-home/index">
		<div class="content">
			<div class="aside">
				<div class="ranking-box-wrapper">
					<div class="panel">
						<div class="panel-header">
							<span class="panel-title"> <span class="textcolor_red">今日票房</span>
							</span>
						</div>
						<div class="panel-content">
						
							<ul class="ranking-wrapper ranking-box">
								
								<li class="ranking-item ranking-top ranking-index-1">
								<a href="/films/249342" target="_blank"
									data-act="ticketList-movie-click" data-val="{movieid:249342}">
										<div class="ranking-top-left">
											<i class="ranking-top-icon"></i> <img
												class="ranking-img  default-img"
												data-src="https://p1.meituan.net/movie/9403fa3dba59733ae508c288c3314dd0439945.jpg@120w_80h_1e_1c" />
										</div>
										<div class="ranking-top-right">
											<div class="ranking-top-right-main">
												<span class="ranking-top-moive-name">海王</span>


												<p class="ranking-top-wish">
													<span class="stonefont">&#xe6b6;&#xe380;&#xf220;&#xe861;.&#xe380;&#xf2db;</span>万
												</p>
											</div>
										</div>
								</a>
								</li>

								<li class="ranking-item ranking-index-2"><a
									href="/films/1208282" target="_blank"
									data-act="ticketList-movie-click" data-val="{movieid:1208282}">
										<span class="normal-link"> <i class="ranking-index">2</i>
											<span class="ranking-movie-name">无名之辈</span> <span
											class="ranking-num-info"> <span class="stonefont">&#xe861;&#xef7c;&#xef7c;.&#xe6b6;&#xe6b6;</span>万
										</span>
									</span>
								</a></li>

								<li class="ranking-item ranking-index-3"><a
									href="/films/1220969" target="_blank"
									data-act="ticketList-movie-click" data-val="{movieid:1220969}">
										<span class="normal-link"> <i class="ranking-index">3</i>
											<span class="ranking-movie-name">惊涛飓浪</span> <span
											class="ranking-num-info"> <span class="stonefont">&#xe861;&#xe82d;&#xef7c;.&#xe6b6;&#xe234;</span>万
										</span>
									</span>
								</a></li>

								<li class="ranking-item ranking-index-4"><a
									href="/films/78480" target="_blank"
									data-act="ticketList-movie-click" data-val="{movieid:78480}">
										<span class="normal-link"> <i class="ranking-index">4</i>
											<span class="ranking-movie-name">狗十三</span> <span
											class="ranking-num-info"> <span class="stonefont">&#xe861;&#xec19;&#xf2db;.&#xe82d;&#xe234;</span>万
										</span>
									</span>
								</a></li>

								<li class="ranking-item ranking-index-5"><a
									href="/films/42964" target="_blank"
									data-act="ticketList-movie-click" data-val="{movieid:42964}">
										<span class="normal-link"> <i class="ranking-index">5</i>
											<span class="ranking-movie-name">毒液：致命守护者</span> <span
											class="ranking-num-info"> <span class="stonefont">&#xe6b6;&#xec19;.&#xe6b6;&#xf220;</span>万
										</span>
									</span>
								</a></li>

								

							</ul>


						</div>
					</div>
				</div>




			</div>
			<div class="main">
				<div class="movie-grid">
					<div class="panel">
						<div class="panel-header">
							<span class="panel-more"> <a href="/films?showType=1"
								class="textcolor_red" data-act="all-playingMovie-click"> <span>全部</span>
							</a> <span class="panel-arrow panel-arrow-red"></span>
							</span> <span class="panel-title"> <span class="textcolor_red">正在热映（25部）</span>
							</span>
						</div>
						<div class="panel-content">
							<dl class="movie-list">
								<dd>
								<!-- 电影的展示信息 -->
								<c:forEach items="${movieList}" var="movie">
									<div class="movie-item">
										<a href="${pageContext.request.contextPath}/movieInfoView?movieId=${movie.movieId}" target="_blank"
											data-act="playingMovie-click" data-val="{movieid:249342}">
											<div class="movie-poster">
												<img class="poster-default"
													src="${pageContext.request.contextPath}/static/index/picture/loading_2.e3d934bf.png" />
												<img
													data-src="${movie.imageURL}" />
												<div class="movie-overlay movie-overlay-bg">
													<div class="movie-info">
														<div class="movie-title" title="${movie.movieName}">${movie.movieName}</div>
													</div>
												</div>
											</div>
										</a>
										<div class="movie-detail movie-detail-strong movie-sale">
											<a href="/cinemas?movieId=249342" class="active"
												target="_blank" data-act="salePlayingMovie-click"
												data-val="{movieid:249342}">购 票</a>
										</div>
										<div class="movie-ver">
											<i class="imax3d"></i>
										</div>
									</div>
								<dd>
								</c:forEach>
							</dl>


						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<script crossorigin="anonymous"
		src="${pageContext.request.contextPath}/static/index/js/owl_1.7.11.js"></script>
	<script>
      Owl.start({
        project: 'com.sankuai.movie.fe.mywww', 
        pageUrl: location.href.split('?')[0].replace(/\/\d+/g, '/:id'),
        devMode: false
      })
      // 单独自定义上报下img加载错误
      window.addEventListener('error', function(e) {
        var node = e.target || e.srcElement
        try {
          var msg = node.src || node.href
          var nodeName = node.nodeName
          if (nodeName && nodeName.toLowerCase() === 'img') {
            Owl.addError(msg, {level: 'warn', category: 'resourceError'})
          }
        } catch(err) {
          console.error(err)
        }
      }, true)
    </script>
	<!--[if IE 8]><script crossorigin="anonymous" src="${pageContext.request.contextPath}/static/index/js/es5-shim.bbad933f.js"></script><![endif]-->
	<!--[if IE 8]><script crossorigin="anonymous" src="${pageContext.request.contextPath}/static/index/js/es5-sham.d6ea26f4.js"></script><![endif]-->
	<script crossorigin="anonymous"
		src="${pageContext.request.contextPath}/static/index/js/common.1a4cea09.js"></script>
	<script crossorigin="anonymous"
		src="${pageContext.request.contextPath}/static/index/js/home-index.dba25347.js"></script>
</body>
</html>
